<style>
.mix {padding:0px 5px;}
</style>
		<div class="ui-portlet">
			<ol class="breadcrumb">
			  <li><a href="/users/index"><i class="fa fa-home"></i>&nbsp;&nbsp;个人中心</a></li>
			  <li class="active">我的小程序列表</li>
			</ol>
		</div>
       <hr>
       <div class="mb10">
       	<a class="btn btn-primary" href="{{$this->Html->url(array('action'=>'add'))}}">新增小程序</a>
       	
       </div>
       <br/>
       
       <div class="ui-portlet" id="LittleApp-mine-list">
	       <div class="row clearfix ui-portlet-list" id="storefront-list">
	       {{loop $datalist $item}}
	       	<div class="col-md-4 mix">
	       		<div class="appmsg">
		       		<div class="appmsg_content">
		       		<h4><a href="{{$this->Html->url('/app_forums/lists/'.$item['LittleApp']['id'])}}" target="_blank">{{$item['LittleApp']['name']}}</a></h4>
		       		{{if $item['LittleApp']['coverimg']}}
		       		<div class="cover">{{$this->Html->image($item['LittleApp']['coverimg'])}}</div>
		       		{{/if}}
		       		<p>{{$item['LittleApp']['summary']}}</p>
		       		</div>
		       		<div class="appmsg_opr clearfix">
		       			{{$this->Html->link('<i data-toggle="tooltip" data-placement="top" title="'.__('Edit').'" class="fa fa-edit"></i>', array('controller'=>'little_apps','action' => 'edit', $item['LittleApp']['id']),array('class'=>'col-xs-6 opr-edit','escape'=>false))}}
		       			
		       			
		       			<a href="javascript:void(0)" data-url="{{$this->Html->url('/little_apps/delete/'.$item['LittleApp']['id'])}}" class="col-xs-6 delete-pop" data-placement="bottom" data-content="确定删除此素材？"><i data-toggle="tooltip" data-placement="top" 
		       			 title="{{__('Delete')}}" class="fa fa-trash"></i></a>
		       			 
		       			 <!-- {{$this->Html->link('', array('controller'=>'wx_msgs','action' => 'delete', $item['LittleApp']['id']),array('class'=>'col-xs-6','escape'=>false))}}
		       			  -->
		       		</div>
	       		</div>
	       	</div>
	  		{{/loop}}
	    	</div>
	    	<div>{{$page_navi}}</div>
    	</div>
			 
<tplsection>

	{{$this->Html->script(array(
	            'jquery/jquery.masonry.min.js',
	        ));
	}}
	
	<script>	
	$(function(){		 
		    var $container = $('#LittleApp-mine-list .row'); 
		    $container.imagesLoaded( function(){
		      $container.masonry({
		        itemSelector: '.col-md-4',
		        animate: true,       
		        animationOptions: {
		            duration: 400,
		            easing: 'linear',
		            queue: false
		        }
		      });
		    });
	});
	
	</script>
</tplsection>